<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>classList</title>
        <style>
            .mystyle {
                width: 300px;
                height: 50px;
                background-color: coral;
                color: white;
                font-size: 25px;
            }
        </style>
    </head>
    <body>
        <p>点击按钮为 DIV 元素添加 "mystyle" 类。</p>
        <button onclick="myFunction()">点我</button>
        <p><strong>注意：</strong> Internet Explorer 9 及更早 IE 版本浏览器不支持 classList 属性。</p>
        <div id="myDIV">
            我是一个 DIV 元素。
        </div>
        <script type="text/javascript" src="classList.js"></script>
    </body>
</html>